$(document).ready(function()
    {
        $("#one").click(function() {
            if (!($(this).hasClass("active"))) {
                $(this).toggleClass("active", true);
                $("#two").toggleClass("active", false);
                $("#three").toggleClass("active", false);
            }
            return false;
        });
        $("#two").click(function() {
            if (!($(this).hasClass("active"))) {
                $(this).toggleClass("active", true);
                if ($("#one").hasClass("active")) {
                    $("#one").toggleClass("active", false);
                }
                if ($("#three").hasClass("active")) {
                    $("#three").toggleClass("active", false);
                }
            }
            return false;
        });
        $("#three").click(function() {
            if (!($(this).hasClass("active"))) {
                $(this).toggleClass("active", true);
                if ($("#one").hasClass("active")) {
                    $("#one").toggleClass("active", false);
                }
                if ($("#two").hasClass("active")) {
                    $("#two").toggleClass("active", false);
                }
            }
            return false;
        });

        //hide the all div except first one
        $('.msg_body:not(:first)').hide();
        //when the anchor is clicked content gets faded
        $("a.linkclass").click(function()
        {
            $('.msg_body').fadeOut("slow");
            $($(this).attr("href")).fadeIn("slow");
        });
	
    })